<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="nwpu-bigdata">
    <title>故障检测与诊断</title>

    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/loader-style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/js/iCheck/flat/all.css" >
    <link rel="stylesheet" href="assets/js/iCheck/line/all.css" >
    <link rel="stylesheet" href="assets/js/idealform/css/jquery.idealforms.css" >
    <link rel="stylesheet" href="assets/js/dataTable/lib/jquery.dataTables/css/DT_bootstrap.css">
    <link rel="stylesheet" href="assets/js/dataTable/css/datatables.responsive.css">
    <link rel="stylesheet" href="plugins/footable/css/footable.bootstrap.css">
    <link rel="stylesheet" href="plugins/footable/css/footable.bootstrap.min.css">
    <link rel="stylesheet" href="assets/js/footable/css/footable.standalone.css">
    <link rel="stylesheet" href="assets/js/footable/css/footable-demos.css">
    <link rel="stylesheet" href="assets/js/footable/css/footable-demos.css" > 
	<link rel="stylesheet" href="css/custom.css" > 
    <link rel="shortcut icon" href="assets/ico/minus.png">
    
	<link href="css/datepicker3.css" rel="stylesheet">
	<link href="css/styles.css" rel="stylesheet">
   
</head>

<body>
<!-- Preloader -->
<div id="preloader">
    <div id="status">&nbsp;</div>
</div>

<header>
    <script type="text/javascript" src="common/public/header.js"></script>
    <!-- /END OF TOP NAVBAR -->
</header>
<!-- TOP NAVBAR -->

<section>
    <!-- SIDE MENU -->
    <script type="text/javascript" src="common/public/slider.js"></script>
    <!-- END OF SIDE MENU -->
</section>

<section>
    <!--  PAPER WRAP -->
    <div class="wrap-fluid">
        <div class="container-fluid paper-wrap bevel tlbr">
            <!-- CONTENT -->
            <!--TITLE -->
            <div class="row">
                <div id="paper-top">
                    <div class="col-sm-3">
                        <h2 class="tittle-content-header">
                            <span class="entypo-menu"></span>
                            <span>日志</span>
                        </h2>

                    </div>
                    <div class="col-sm-7">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="tittle-middle-header">
                      </div>

                    </div>
                    <div class="col-sm-2">
                        <div class="devider-vertical visible-lg"></div>
                      </div>
                </div>
            </div>
            <!--/ TITLE -->
            <!-- BREADCRUMB -->
            <ul id="breadcrumb">
                <li><span class="glyphicon glyphicon-home"></span>
                </li>
                <li><i class="fa fa-lg fa-angle-right"></i>
                </li>
                <li><a href="#" title="page1">故障检测</a>
                </li>
                <li><i class="fa fa-lg fa-angle-right"></i>
                </li>
                <li><a href="#" title="Sample page 1">日志检测</a>
                </li>
                <li><i class="fa fa-lg fa-angle-right"></i>
                </li>
                <li><a href="#" title="Sample page 1">日志信息展示</a>
                </li>
            </ul>

            <div class="content-wrap">
                <div class="row-fluid" style="margin-top:30px;padding:0 15px;">
                	<!-- <div class="nest" id="elementClose" >
                	条
                        <div class="title-alt " >
                        	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
	                            <h6>日志信息展示</h6>
	                            <div class="titleClose">
	                                <a class="gone" href="#elementClose">
	                                    <span class="entypo-cancel"></span>
	                                </a>
	                            </div>
	                            <div class="titleToggle">
	                                <a class="nav-toggle-alt" href="#element">
	                                    <span class="entypo-up-open"></span>
	                                </a>
                           		</div>

                        	</div>
                         </div> -->
                        
	                    <!-- side -->
	                    <div class="col-lg-2 col-md-4 col-sm-12 col-xs-12 nest">
	                    
		                    <div style="border:1px solid white; width:100%; height:130%;">
		
		                        <!-- 搜索条件 -->
		                        <div  style="margin-top:20px;">
		                            <!--margin : 上 右 下 左  border-radius:10px-->
		                            <input id="key_txt" style="width: 80%; height: 100%; margin:15% 10%; "
		                                   placeholder="请输入关键字" class="form-control"
		                                   onblur="if(this.value === '')this.value='请输入关键字';"
		                                   onclick="if(this.value === '请输入关键字') this.value='';">
		                            <input id="software_txt" style="width: 80%; height: 10%; margin:15% 10%; "
		                                   placeholder="请输入软件名称" class="form-control"
		                                   onblur="if(this.value === '')this.value='请输入软件名称';"
		                                   onclick="if(this.value === '请输入软件名称') this.value='';">
		                            <input id="process_txt" style="width: 80%; height: 10%; margin:15% 10%; "
		                                   placeholder="请输入进程名称" class="form-control"
		                                   onblur="if(this.value === '')this.value='请输入进程名称';"
		                                   onclick="if(this.value === '请输入进程名称') this.value='';">
		                            <input id="hostip_select" style="width: 80%; height: 10%; margin:15% 10%; "
		                                   placeholder="请输入主机名称" class="form-control"
		                                   onblur="if(this.value === '')this.value='请输入主机名称';"
		                                   onclick="if(this.value === '请输入主机名称') this.value='';">
		                            <input id="start_date" style="width: 80%; height: 10%; margin:15% 10%; "
		                                   placeholder="请选择开始日期" class="form-control"
		                                   onblur="if(this.value === '')this.value='请选择开始日期';"
		                                   onclick="if(this.value === '请选择开始日期') this.value='';">
		                            <input id="end_date" style="width: 80%; height: 10%; margin:15% 10%; "
		                                   placeholder="请选择结束日期" class="form-control"
		                                   onblur="if(this.value === '')this.value='请选择结束日期';"
		                                   onclick="if(this.value === '请选择结束日期') this.value='';">
		                            <button id="searchBtn" type="button"
		                                    style="width: 40%; height: 6%; margin:5% 30%;"
		                                    class="btn btn-success">搜 索
		                            </button>
		                            <br>
		                            <!-- lay-type="clear" -->
		                            <button id="resetBtn" type="button" 
		                                    style="width: 40%; height: 6%; margin:5% 30%;"
		                                    class="btn btn-success laydate-btns-clear">重 置
		                            </button>
		                        </div>
		                    </div>
	                    </div>
	
	
	                    <!-- table -->
	                    <div class="col-lg-10 col-md-8 col-sm-12 col-xs-12">
	                        <div class="nest" style="margin-right:10px; width:100%; height:100%; min-height:600px; ">
	                            <!-- table_name -->
	                            
	                            <!-- table -->
	                            <div class="table table-responsive" style=" border:1px solid white;width:95%; height:85%;margin:0 auto;">
	                                <table id="logshow_table" class="table table-striped table-hover " 
	                                	   data-filtering="true"  data-paging="true" style=" border:1px solid white">
	                                    <thead style="width:100%">
		                                    <tr>
	                                       	     <th>ID</th>
	                                             <th data-type="date" data-format-string="Do MMMM YYYY">时间</th>
	                                             <th>主机名称</th>
	                                             <th>软件名称</th>
	                                             <th>进程名称</th>
	                                             <!-- <th>错误类型</th> -->
	                                             <th>用户名称</th>
	                                             <th data-hide="phone,tablet">日志内容</th>
	                                             
		                                    </tr>
	                                    </thead>
	                                    <tbody id="logshow_body" style="width:100%">
	                                   
	                                    </tbody>
	                                </table>
	                            </div>
	                        </div>
	
	                    </div>


                <!-- </div> -->

            </div></div>
        </div>
    </div>
</section>
<!-- /END OF CONTENT -->
<!--  END OF PAPER WRAP -->

<footer>
    <div class="container-fluid">
        <div id="footer">
            <div class="devider-footer-left"></div>
            <div class="copyright">
                <i class="glyphicon glyphicon-copyright-mark"></i>
 				国家重点实验室--故障检测与诊断工具
            </div>
        </div>
    </div>
</footer>
<!-- / END OF FOOTER -->
	 <!-- Le styles -->
    <script type="text/javascript" src="assets/js/jquery.js"></script>
    <script type="text/javascript" src="assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="assets/js/iCheck/jquery.icheck.js"></script>
    <script type="text/javascript" src="assets/js/switch/bootstrap-switch.js"></script>
   
    <!-- MAIN EFFECT -->
    <script type="text/javascript" src="assets/js/preloader.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap.js"></script>
    <script type="text/javascript" src="assets/js/app.js"></script>
    <script type="text/javascript" src="assets/js/load.js"></script>
    <script type="text/javascript" src="assets/js/main.js"></script>
    
    <!--footable相关的js  -->
    <script type="text/javascript" src="plugins/footable/3.1.6/footable.min.js"></script>
	<script type="text/javascript" src="plugins/footable/3.1.6/footable.js"></script>

	<!-- 日历插件 -->
	<script type="text/javascript" src="plugins/layDate-v5.0.9/laydate/laydate.js"></script>
	
    <!-- 获取后台数据相关的编写的JS -->
	<script type="text/javascript" src="common/log/logShow.js"></script>

</body>

</html>
